<template>
    <div>
        {{this.value}}
        <button @click="fn">我是son组件的button</button>
    </div>
</template>

<script>
export default {

    props:["value"], // 通过v-model在子组件标签上接收到得值就叫value，且必须
    model: {    // model可以被必须叫叫input得事件名给起一个别名，在这里叫update
        prop: "value", //绑定的值，通过⽗组件传递
        event: "update" //⾃定义时间名
    },
     methods:{
         fn(){   // 自定义事件必须叫input
             this.$emit("update",this.value + 1)
         }
     }
}
</script>

<style>

</style>